<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Table Demo Page</title>
  </head>

  <body>
  <h2>Table Demo Page</h2>
    <div id="ephox-ui">
      <div name="" id="" cols="30" rows="10" class="tinymce">
          <p>asfdsad asdfsafdsasd</p>
          <p>&nbsp;</p>
          <table style="border-collapse: collapse; width: 100%;" border="1">
            <tbody>
            <tr>
            <td style="width: 33.3333%;">A</td>
            <td style="width: 33.3333%;">B</td>
            <td style="width: 33.3333%;" rowspan="2">C</td>
            </tr>
            <tr>
            <td style="width: 33.3333%;">D</td>
            <td style="width: 33.3333%;">E</td>
            </tr>
            <tr>
            <td style="width: 33.3333%;">G</td>
            <td style="width: 33.3333%;">H</td>
            <td style="width: 33.3333%;">I</td>
            </tr>
            </tbody>
          </table>
          <p>&nbsp;</p>
          <table style="border-collapse: collapse; width: 100%;" border="1">
            <tbody>
            <tr>
            <td style="width: 33.3333%;">1</td>
            <td style="width: 33.3333%;">2</td>
            </tr>
            <tr>
            <td style="width: 33.3333%;">3</td>
            <td style="width: 33.3333%;">4</td>
            </tr>
            <tr>
            <td style="width: 33.3333%;">5</td>
            <td style="width: 33.3333%;">6</td>
            </tr>
            </tbody>
          </table>
          <p>&nbsp;</p>
          <table style="border-collapse: collapse; width: 100%;" border="1">
              <tbody>
              <tr>
              <td style="width: 25%;">z</td>
              <td style="width: 25%;">x</td>
              <td style="width: 25%;">y</td>
              <td style="width: 25%;">w</td>
              </tr>
              <tr>
              <td style="width: 25%;">u</td>
              <td style="width: 25%;">i</td>
              <td style="width: 25%;">p</td>
              <td style="width: 25%;">o</td>
              </tr>
              <tr>
              <td style="width: 25%;">l</td>
              <td style="width: 25%;">m</td>
              <td style="width: 25%;">n</td>
              <td style="width: 25%;">b</td>
              </tr>
              </tbody>
          </table>
          <p>&nbsp;</p>
          <table style="border-collapse: collapse; width: 100%; height: 54px;" border="1">
          <tbody>
          <tr style="height: 18px;">
          <td style="width: 250px; height: 18px;">z</td>
          <td style="width: 250px; height: 18px;">x</td>
          <td style="width: 250px; height: 18px;">y</td>
          <td style="width: 250px; height: 18px;">w</td>
          </tr>
          <tr style="height: 18px;">
          <td style="width: 250px; height: 18px;">u</td>
          <td style="width: 250px; height: 18px;">i</td>
          <td style="width: 250px; height: 18px;">p</td>
          <td style="width: 250px; height: 18px;">o</td>
          </tr>
          <tr style="height: 18px;">
          <td style="width: 250px; height: 18px;">l</td>
          <td style="width: 250px; height: 18px;">m</td>
          <td style="width: 250px; height: 18px;">n</td>
          <td style="width: 250px; height: 18px;">b</td>
          </tr>
          </tbody>
          </table>

          <p>&nbsp;</p>
          <table style="border-collapse: collapse; width: 800px;" border="1">
              <tbody>
              <tr>
              <td style="width: 25%;">z</td>
              <td style="width: 25%;">x</td>
              <td style="width: 25%;">y</td>
              <td style="width: 25%;">w</td>
              </tr>
              <tr>
              <td style="width: 25%;">u</td>
              <td style="width: 25%;">i</td>
              <td style="width: 25%;">p</td>
              <td style="width: 25%;">o</td>
              </tr>
              <tr>
              <td style="width: 25%;">l</td>
              <td style="width: 25%;">m</td>
              <td style="width: 25%;">n</td>
              <td style="width: 25%;">b</td>
              </tr>
              </tbody>
          </table>
      </div>
    </div>
    <script src="../../../../../js/tinymce/tinymce.js"></script>
    <script src="../../../../../scratch/demos/plugins/table/demo.js"></script>
  </body>
</html>
